/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;
padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:
0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;
font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,
th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{
vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,
button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;
font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:
100%;}

/* Get the whole thing in a nice, slim box in the center of the page. */
#tree-wrapper {
	width: 640px;
	margin: 0 auto;	}

/* Namespace for the Tree's CSS */
.treetable {
	}

	/* Slim down the UI default sizes. */
	.treetable .ui-widget-content {
		font-size: 10pt;	}

	.treetable button.ui-button-icon-only {
		width: 20px;
		height: 20px;	}

	.treetable li {
			}

		/* Styling for the different row bgs */
		.treetable li.even {
			background-color: #d1d1ff; }

		.treetable li.odd {
			background-color: #e2e2ff; }

		/* Get the spans to behave like TDs */
		.treetable li>span {
			display: inline-block;
			overflow: hidden;	}

		/* These are added by treeview */
		.treetable span.expander {
			width: 22px !important;	}

		.treertable span.controls {
			text-align: right;
			width: 75px !important;	}

		.treetable span.handle {
			width: 0px;
			border: 1px solid black;
			height: 12px;
			cursor: e-resize;	}
